import React,{Component} from 'react';
import {
    Platform,
    StyleSheet,
    Text,
    Image,
    View,
    TextInput,
    Alert,
    ScrollView,
    RefreshControl,
    SectionList,
    ImageBackground,
    TouchableWithoutFeedback,
    TouchableOpacity,
    ViewPagerAndroid,
} from 'react-native';
import pxToDp from '../config/pxToDp';
export default class FriendCircle extends Component {

    render(){
        return(
            <View style={styles.parent}>
                <View style={styles.bgPar}>
                    {/* <Image style={styles.bgi} source={require("../imgs/bg.jpg")} /> */}
                    <ImageBackground
                        style={styles.bgi}
                        source={require("../imgs/bg.jpg")}
                    >
                        <View style={styles.user}>
                            <Text style={styles.userText}>用户aA123</Text>
                            <Image
                                style={styles.icon}
                                source={require('../imgs/pic.jpg')}
                            />
                        </View>
                    </ImageBackground>
                </View>
            </View>
        )
    }
} 

const styles = {
    parent:{
        flex:1,
        height: pxToDp(400),
    },
    bgPar:{
        
    },
    bgi:{
        height: pxToDp(350),
    },
    nestedText:{

    },
    userText:{
        fontSize:16,
        marginRight:10,
        marginTop:10,
        color:"#fff",
    },
    user:{
        flex: 1,
        flexDirection: 'row',
        position:'absolute',
        bottom:-30,
        right:20,
    },
    icon: {
        width: 60,
        height: 60,
        borderWidth: 1,
        borderBottomLeftRadius: 100,
        borderTopLeftRadius: 100,
        borderBottomRightRadius: 100,
        borderTopRightRadius: 100,
    },
}